/* ------- Default Buttons ------- */
.button_link {
	background: #983a08;
	background: -moz-linear-gradient(top, #983a08 0%, #6b1a02 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#983a08), to(#6b1a02));
	border: 1px solid #6b1a02;
	border-bottom: 1px solid #3b0b00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #B3B3B3;
	color: #ffffff !important;
	font-size: 11px;
	line-height: 1;
	padding: 7px 15px 7px 15px;
	margin-bottom: 5px;
	text-align: center;
	display: inline-block;
	position: relative;
}

.button_link:hover {
	color: #ffffff !important;
	text-decoration:none !important;
	background: #6b1a02;
	background: -moz-linear-gradient(top, #6b1a02 0%, #983a08 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6b1a02), to(#983a08));
	-moz-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #c25e2a, 0 1px 2px 0 #4c4c4c;
	cursor: pointer;
}

.button_link:active {
	-moz-box-shadow: inset 0 0 8px 4px #6b1a02, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #6b1a02, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #6b1a02, 0 1px 0 0 #eee;
}

.button_link.medium_button {
	font-size: 14px;
	padding: 10px 15px;
}

.button_link.large_button {
	font-size: 16px;
	padding: 15px 20px;
}

.button_link.super_button {
	font-size: 16px;
	padding: 20px 25px;
}

/* ------- Colors ------- */
.black_gradient { 
	background: #434343;
	background: -moz-linear-gradient(top, #434343 0%, #1a1a1a 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#1a1a1a));
	border: 1px solid #3f3f3f;
	border-bottom: 1px solid #0a0a0a;
	-moz-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #B3B3B3;
}
.black_gradient:hover {
	background: #1a1a1a;
	background: -moz-linear-gradient(top, #1a1a1a 0%, #434343 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a1a1a), to(#434343));
	-moz-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #616161, 0 1px 2px 0 #4c4c4c;
}

.black_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #1a1a1a, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #1a1a1a, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #1a1a1a, 0 1px 0 0 #eee;
}

.red_gradient {
	background: #840003;
	background: -moz-linear-gradient(top, #840003 0%, #540300 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#840003), to(#540300));
	border: 1px solid #460300;
	border-bottom: 1px solid #3a0200;
	-moz-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #B3B3B3;
}

.red_gradient:hover {
	background: #540300;
	background: -moz-linear-gradient(top, #540300 0%, #840003 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#540300), to(#840003));
	-moz-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #b4231e, 0 1px 2px 0 #4c4c4c;
}

.red_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #540300, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #540300, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #540300, 0 1px 0 0 #eee;
}

.blue_gradient {
	background: #002757;
	background: -moz-linear-gradient(top, #002757 0%, #001733 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002757), to(#001733));
	border: 1px solid #001733;
	border-bottom: 1px solid #001024;
	-moz-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #B3B3B3;
}

.blue_gradient:hover {
	background: #001733;
	background: -moz-linear-gradient(top, #001733 0%, #002757 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#001733), to(#002757));
	-moz-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #04408a, 0 1px 2px 0 #4c4c4c;
}

.blue_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #001733, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #001733, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #001733, 0 1px 0 0 #eee;
}

.purple_gradient {
	background: #450068;
	background: -moz-linear-gradient(top, #450068 0%, #230035 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#450068), to(#230035));
	border: 1px solid #230035;
	border-bottom: 1px solid #190026;
	-moz-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #B3B3B3;
}

.purple_gradient:hover {
	background: #230035;
	background: -moz-linear-gradient(top, #230035 0%, #450068 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#230035), to(#450068));
	-moz-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #7d1fad, 0 1px 2px 0 #4c4c4c;
}

.purple_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #230035, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #230035, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #230035, 0 1px 0 0 #eee;
}

.coffee_gradient {
	background: #3a2800;
	background: -moz-linear-gradient(top, #3a2800 0%, #1d1400 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a2800), to(#1d1400));
	border: 1px solid #1d1400;
	border-bottom: 1px solid #160f00;
	-moz-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #B3B3B3;
}

.coffee_gradient:hover {
	background: #1d1400;
	background: -moz-linear-gradient(top, #1d1400 0%, #3a2800 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d1400), to(#3a2800));
	-moz-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #6d4b00, 0 1px 2px 0 #4c4c4c;
}

.coffee_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #1d1400, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #1d1400, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #1d1400, 0 1px 0 0 #eee;
}

.gray_gradient {
	background: #959595;
	background: -moz-linear-gradient(top, #959595 0%, #656565 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#959595), to(#656565));
	border: 1px solid #656565;
	border-bottom: 1px solid #525151;
	-moz-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #B3B3B3;
}

.gray_gradient:hover {
	background: #656565;
	background: -moz-linear-gradient(top, #656565 0%, #959595 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#959595));
	-moz-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #bfbfbf, 0 1px 2px 0 #4c4c4c;
}

.gray_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #656565, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #656565, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #656565, 0 1px 0 0 #eee;
}

.green_gradient {
	background: #4a5100;
	background: -moz-linear-gradient(top, #4a5100 0%, #3d4300 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a5100), to(#3d4300));
	border: 1px solid #3d4300;
	border-bottom: 1px solid #2d3100;
	-moz-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #B3B3B3;
}

.green_gradient:hover {
	background: #3d4300;
	background: -moz-linear-gradient(top, #3d4300 0%, #4a5100 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3d4300), to(#4a5100));
	-moz-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #7f8b00, 0 1px 2px 0 #4c4c4c;
}

.green_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #3d4300, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #3d4300, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #3d4300, 0 1px 0 0 #eee;
}

.teal_gradient {
	background: #007081;
	background: -moz-linear-gradient(top, #007081 0%, #00434d 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007081), to(#00434d));
	border: 1px solid #00434d;
	border-bottom: 1px solid #00373f;
	-moz-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #B3B3B3;
}

.teal_gradient:hover {
	background: #00434d;
	background: -moz-linear-gradient(top, #00434d 0%, #007081 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00434d), to(#007081));
	-moz-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #0198ae, 0 1px 2px 0 #4c4c4c;
}

.teal_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #00434d, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #00434d, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #00434d, 0 1px 0 0 #eee;
}

.orange_gradient {
	background: #dc4b01;
	background: -moz-linear-gradient(top, #dc4b01 0%, #c04100 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dc4b01), to(#c04100));
	border: 1px solid #c04100;
	border-bottom: 1px solid #b13c00;
	-moz-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #B3B3B3;
	-webkit-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #B3B3B3;
	box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #B3B3B3;
}

.orange_gradient:hover {
	background: #c04100;
	background: -moz-linear-gradient(top, #c04100 0%, #dc4b01 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c04100), to(#dc4b01));
	-moz-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #4c4c4c;
	-webkit-box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #4c4c4c;
	box-shadow: inset 0 1px 0 0 #ff7c39, 0 1px 2px 0 #4c4c4c;
}

.orange_gradient:active {
	-moz-box-shadow: inset 0 0 8px 4px #c04100, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 8px 4px #c04100, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 8px 4px #c04100, 0 1px 0 0 #eee;
}

/* Star Rating */
.button_link.norating.has-star {margin-top: 0;}
.button_link span.norating_stars { display: none; }

.button_link.has-star { margin-top: 50px; }

.one_stars,
.two_stars,
.three_stars,
.four_stars,
.five_stars {
	position: absolute;
	left: 0;
	top: -43px;
	background: url("images/star-rating.png") 0 0 no-repeat;
	width: 177px;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline-block;
}

.four_stars { background-position: 0 -60px; } 
.three_stars { background-position: 0 -120px; } 
.two_stars { background-position: 0 -180px; } 
.one_stars { background-position: 0 -240px; } 